{extend name='/themes/simple/common' }
{block name="header_link"}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/AcmenXiaoKe/static@master/template/simple/css/index.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/AcmenXiaoKe/static@master/template/simple/css/animate.min.css">
{/block}


{block name="header"}
{include file='/themes/simple/common/header'}
{/block}

{block name="banner"}
    <div class="banner_wrap" style="background: url(https://img.syt5.com/2021/0521/20210521022557599.jpg)">
        <div class="banner wrap">
            <div class="banner_title">
                <div class="banner_title_content" data-text='[{$TemplateConfig.title.val}]'></div>
            </div>
            <div class="Rich_title">
            {$TemplateConfig.rich.val}
            </div>
            <div class="search">
                <input type="search" placeholder="搜索点什么呢..." id="search_val">
                <button class="search_btn">SearCh</button>
            </div>
        </div>
    </div>
{/block}
{block name="main"}
    <main class="wrap">
        <div class="article">
            {foreach $articleList as $key=>$item}
            <div class="article_item bounceIn">
                <a href="/article/{$item.aid}" class="article_item_cover">
                    {empty name='item.cover'}
                    <img  src="https://static.xkbk.top/xkblog/assets/thumb/{:mt_rand(1,40)}.jpg"  alt="">
                    {else/}
                    <img  src="{$item.cover}" alt="" >
                    {/empty}
                </a>
                <div class="article_item_main">
                    <a href="/article/{$item.aid}" class="article_item_title">{$item.title}</a>
                    <a href="/article/{$item.aid}" class="article_item_content">{$item.content}</a>
                    <div class="article_item_Info">
                        <div class="article_item_total article_item_Info_item class" style="display: {$item.Categories[0]['catname'] ?: '' ? 'block' : 'none'}">
                            <svg t="1622073518127" class="article_item_Info_item_icon" viewBox="0 0 1024 1024"
                                version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1951" width="200" height="200">
                                <path
                                    d="M298.9568 480.256c-93.44 0-169.472-76.032-169.472-169.472s76.032-169.472 169.472-169.472 169.472 76.032 169.472 169.472-76.032 169.472-169.472 169.472z m0-287.6928c-65.2288 0-118.272 53.0432-118.272 118.272 0 65.2288 53.0432 118.272 118.272 118.272 65.2288 0 118.272-53.0432 118.272-118.272 0-65.2288-53.0432-118.272-118.272-118.272zM714.752 480.256c-93.44 0-169.472-76.032-169.472-169.472s76.032-169.472 169.472-169.472 169.472 76.032 169.472 169.472-76.032 169.472-169.472 169.472z m0-287.6928c-65.2288 0-118.272 53.0432-118.272 118.272 0 65.2288 53.0432 118.272 118.272 118.272 65.2288 0 118.272-53.0432 118.272-118.272 0-65.2288-53.0432-118.272-118.272-118.272zM298.9568 871.5264c-93.44 0-169.472-76.032-169.472-169.472s76.032-169.472 169.472-169.472 169.472 76.032 169.472 169.472-76.032 169.472-169.472 169.472z m0-287.744c-65.2288 0-118.272 53.0432-118.272 118.272s53.0432 118.272 118.272 118.272c65.2288 0 118.272-53.0432 118.272-118.272s-53.0432-118.272-118.272-118.272zM714.752 871.5264c-93.44 0-169.472-76.032-169.472-169.472s76.032-169.472 169.472-169.472 169.472 76.032 169.472 169.472-76.032 169.472-169.472 169.472z m0-287.744c-65.2288 0-118.272 53.0432-118.272 118.272s53.0432 118.272 118.272 118.272c65.2288 0 118.272-53.0432 118.272-118.272s-53.0432-118.272-118.272-118.272z"
                                    fill="#888888" p-id="1952"></path>
                            </svg><a href="/class/{$item.Categories[0]['catid'] ?: '../'}"><span>{$item.Categories[0]['catname'] ?: ''}</span></a>
                        </div>
                        <div class="article_item_total article_item_Info_item">
                            <svg t="1622073650670" class="article_item_Info_item_icon" viewBox="0 0 1024 1024"
                                version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2824" width="200" height="200">
                                <path
                                    d="M166.528 919.936c230.72 1.088 461.504 0.32 692.16 0.384 72.256 0.064 118.464-32.32 132.544-105.28 8.896-204.288 11.264-408.576-1.344-612.8-14.336-51.008-45.76-83.328-99.456-91.584-0.32 18.688-0.576 37.312-0.832 56 34.688 22.848 46.208 54.464 45.696 96.128-1.856 168.128-1.92 336.32-0.256 504.448 0.768 67.456-28.864 94.656-95.36 94.272-218.368-1.536-436.672-1.536-655.04 0-66.752 0.512-95.808-26.944-95.104-94.272 1.728-168.128 1.6-336.32-0.192-504.448C88.832 221.12 100.288 189.44 134.976 166.656 135.168 147.968 135.424 129.344 135.68 110.72 63.552 125.824 30.528 171.072 30.656 243.776c0.384 180.544-0.704 361.216 0.512 541.696C31.744 871.68 79.808 919.552 166.528 919.936zM444.992 166.912c22.528 1.024 46.08 4.416 67.456-0.64 39.424-9.28 111.424 29.248 111.808-31.168 0.448-53.248-71.424-14.08-102.464-27.52-28.672 0-51.2-0.64-73.728 0.128C426.176 108.608 397.248 104.32 395.648 135.872 393.984 168.32 422.784 166.016 444.992 166.912zM723.968 711.552c44.032-1.536 61.696-11.2 60.928-58.816-0.768-46.464-8.832-74.112-61.44-62.144-46.784-9.344-61.824 9.152-61.824 55.936C661.504 693.76 672.064 713.408 723.968 711.552zM509.632 708.736c49.152 10.432 65.28-9.6 64.32-59.776C573.12 604.8 563.072 587.52 515.392 587.904c-47.296 0.32-67.2 10.624-64.768 62.528C452.608 693.44 459.712 719.232 509.632 708.736zM297.792 711.36c45.504-1.152 74.944-7.424 61.632-64.704C372.736 601.28 350.592 588.8 305.024 588.16c-46.528-0.768-67.904 8.896-65.408 61.696C241.536 693.056 249.28 712.576 297.792 711.36zM723.968 500.608C768 499.072 785.6 489.408 784.896 441.792c-0.768-46.4-8.832-74.112-61.44-62.08-46.784-9.344-61.76 9.152-61.824 55.936C661.504 482.816 672.064 502.528 723.968 500.608zM513.28 376.96C461.632 374.656 450.752 394.112 450.56 441.6 450.368 488.96 466.88 499.776 511.36 500.48c49.984 0.832 70.528-14.848 59.968-64.192C581.696 386.752 556.672 378.816 513.28 376.96zM300.992 500.544C343.232 498.176 364.8 492.288 362.944 442.88 361.216 398.72 357.76 366.656 302.912 379.648 257.6 371.136 238.848 385.984 239.808 434.56 240.768 479.552 246.848 503.68 300.992 500.544zM693.76 171.456c1.6 21.952-11.968 54.784 28.032 56.384 40.576 1.664 29.12-30.912 31.168-53.44 1.216-12.224 0.256-24.704 0.256-37.056-0.064-12.288 0.896-24.768-0.256-36.992-1.984-22.656 8.256-54.528-32-53.056-34.56 1.28-26.304 29.568-27.456 50.048C692.224 122.048 691.84 146.88 693.76 171.456zM271.808 171.904C273.408 193.92 260.224 226.688 300.288 227.904c40.512 1.28 28.544-31.424 30.784-53.888 1.28-12.224 0.256-24.64 0.256-37.056C331.328 124.672 332.16 112.256 331.136 99.968 329.28 77.184 338.944 45.44 298.752 47.36 264.32 49.024 272.96 77.376 271.744 97.856 270.336 122.432 270.016 147.328 271.808 171.904zM166.784 165.504C189.696 168.576 212.288 169.6 212.032 137.28 211.84 105.6 190.656 104.64 166.848 109.504 156.48 109.888 146.048 110.336 135.68 110.72 135.424 129.344 135.168 147.968 134.976 166.656 145.6 166.272 156.16 165.888 166.784 165.504zM857.664 109.504c-23.872-4.864-45.056-3.84-45.056 27.968-0.064 31.936 21.504 32.512 45.12 28.096 10.688 0.32 21.248 0.768 31.872 1.152 0.256-18.688 0.512-37.312 0.832-56C879.488 110.272 868.544 109.888 857.664 109.504z"
                                    p-id="2825"></path>
                            </svg>
                            <span>{$item.release_date | date = 'Y-m-d' }</span>
                        </div>
                        <div class="article_item_total article_item_Info_item hot">
                            <svg t="1622073805972" class="article_item_Info_item_icon" viewBox="0 0 1024 1024"
                                version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4790" width="200" height="200">
                                <path
                                    d="M754.133333 242.773333c-10.88-10.88-26.666667-14.933333-41.386666-10.88-14.72 4.053333-26.24 15.786667-30.08 30.506667-2.986667 11.306667-21.333333 69.973333-40.32 130.133333-48.64-69.333333-119.04-181.12-138.026667-271.146666-1.28-8.533333-5.333333-16.853333-12.16-23.466667a42.666667 42.666667 0 0 0-60.16 0.213333l-0.426667 0.426667c-88.96 90.666667-161.28 261.12-155.093333 395.306667-19.2-24.96-33.28-49.066667-36.906667-67.84-3.626667-18.346667-18.56-32.213333-37.12-34.346667-18.56-2.133333-36.266667 8.106667-43.733333 25.173333-30.08 67.626667-42.666667 142.506667-36.053333 218.24 17.28 134.826667 117.546667 244.906667 261.333333 287.146667 37.12 11.093333 75.52 16.853333 114.346667 17.066667 147.413333 0 325.973333-85.76 382.293333-249.813334 71.68-208-48.426667-369.28-126.506667-446.72z m46.293334 418.346667C757.546667 785.92 612.906667 853.333333 498.986667 853.333333c-30.506667-0.213333-61.013333-4.693333-90.453334-13.44-87.04-25.386667-185.6-95.573333-200.746666-214.186666-2.346667-26.453333-1.493333-53.333333 2.133333-79.573334 49.066667 64.426667 114.346667 120.106667 125.013333 128.853334 14.72 12.373333 36.053333 13.226667 51.84 2.346666 15.786667-11.093333 22.186667-31.146667 15.786667-49.28l-30.933333-86.613333c-28.373333-79.146667 7.466667-221.653333 74.24-323.84 56.96 141.653333 173.226667 286.933333 178.986666 294.186667 9.813333 12.16 25.6 18.133333 40.96 15.146666 15.36-2.773333 27.946667-14.08 32.853334-29.013333 3.84-11.946667 26.026667-81.493333 43.946666-138.666667 53.12 71.04 100.693333 177.066667 57.813334 301.866667z"
                                    p-id="4791"></path>
                            </svg><span>{$item.browse}℃</span>
                        </div>
                        <div class="article_item_total article_item_Info_item praise">
                            <svg t="1622037780032" class="article_item_Info_item_icon" viewBox="0 0 1024 1024"
                                version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5378" width="200" height="200">
                                <path
                                    d="M887.4 514.6l-88.7 354.9c-2.5 9.9-11.3 16.8-21.5 16.8H380.6V481.1l13.7-38.1 92.6-258.4 1.2-3.5 0.8-3.6c6.3-26.6 30.1-45.4 57.4-45.3h0.1c17.4 0 33.2 7.2 44.6 20.3 11.4 13.1 16.3 29.8 13.8 47l-30.3 211.6-10.8 75.9h302.1c9.4 0 15 5.3 17.5 8.5 4.3 5.4 5.8 12.5 4.1 19.1zM314.1 886.3H158.8c-12.2 0-22.2-9.9-22.2-22.2V509.2c0-12.2 10-22.2 22.2-22.2h155.3v399.3z m551.8-465.8H640.4l30.2-211.6c10.8-75.6-47.9-143.3-124.3-143.3h-0.1c-58.1 0-108.7 39.9-122.1 96.5l-92.6 258.4H158.8c-23.5 0-46.1 9.3-62.7 26-16.6 16.6-26 39.2-26 62.7v354.9c0 23.5 9.3 46.1 26 62.7 16.6 16.6 39.2 26 62.7 26h618.3c40.7 0 76.2-27.7 86.1-67.2l88.7-354.9c14-55.9-28.3-110.2-86-110.2z m0 0"
                                    p-id="5379"></path>
                            </svg><span>{$item.praise}</span>
                        </div>
                        <div class="article_item_total article_item_Info_item comments">
                            <svg t="1622037744113" class="article_item_Info_item_icon" viewBox="0 0 1024 1024"
                                version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4538" width="200" height="200">
                                <path
                                    d="M511.9 827.5L610.7 726l17.4-17.9h209v-472H187.3v472.1h208.4l17.4 17.9 98.8 101.4m0 77.9c-4.1 0-8.3-1.6-11.5-4.9L370.7 767.3H166.6c-21.2 0-38.4-17.6-38.4-39.3V216.4c0-21.7 17.2-39.3 38.4-39.3h691.2c21.2 0 38.4 17.6 38.4 39.3V728c0 21.7-17.2 39.3-38.4 39.3H653L523.3 900.5c-3.2 3.2-7.3 4.9-11.4 4.9z"
                                    fill="#666666" p-id="4539"></path>
                                <path
                                    d="M334.9 433c27.2 0 49.3 22 49.3 49.2 0 27.2-22 49.2-49.3 49.2-27.2 0-49.2-22-49.2-49.2 0-27.1 22.1-49.2 49.2-49.2zM512.2 433c27.2 0 49.2 22 49.2 49.2 0 27.2-22 49.2-49.2 49.2-27.2 0-49.2-22-49.2-49.2 0-27.1 22-49.2 49.2-49.2zM689.4 433c27.2 0 49.2 22 49.2 49.2 0 27.2-22 49.2-49.2 49.2-27.2 0-49.3-22-49.3-49.2 0.1-27.1 22.1-49.2 49.3-49.2z"
                                    fill="#666666" p-id="4540"></path>
                            </svg><span>{$item.comments_total}</span>
                        </div>
                    </div>
                </div>
            </div>
            {/foreach}
        </div>
    </main>
    <div class="paging wrap">
        <div class="previous paging_item" style="opacity: {$page - 1 == 0 ? '0' : '1'};">
            <a href="/index?page={$page - 1}" >
                <div class="load_more">上一页</div>
            </a>
        </div>
        <div class="next paging_item" style="opacity: {$page + 1 > $totalPage ? '0' : '1'};">
            <a href="/index?page={$page + 1}" >
                <div class="load_more">下一页</div>
            </a>
        </div>
    </div>
{/block}
{block name="footer"}
{include file='/themes/simple/common/footer'}
{/block}

{block name="action"}
{include file='/themes/simple/common/action'}
{/block}

{block name="footer_script"}
<script src="https://cdn.jsdelivr.net/gh/AcmenXiaoKe/static@master/template/simple/js/wow.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/AcmenXiaoKe/static@master/template/simple/js/index.js"></script>
{/block}
